<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>个人博客</title>

</head>
<body>

	<div class="container">
		<div id="carousel1" class="carousel slide" data-ride="carousel">
			<!-- 轮播（Carousel）指标 -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example" data-slide-to="1"></li>
				<li data-target="#carousel-example" data-slide-to="2"></li>
			</ol>

			<!-- 轮播（Carousel）项目 -->
			<div class="carousel-inner">
				<div class="item active">
					<img
						src="http://placehold.it/1140x360/C24704/FFFFFF&text=Wordpress">
					<div class="carousel-caption">http://placehold.it/1140x360/C24704/FFFFFF&text=Wordpress</div>
				</div>
				<div class="item">
					<img src="http://placehold.it/1140x360/FFE879&text=Joomla">
					<div class="carousel-caption">http://placehold.it/1140x360/FFE879&text=Joomla</div>
				</div>
				<div class="item">
					<img src="http://placehold.it/1140x360/AOEOA9/FFFF23&text=Drapal">
					<div class="carousel-caption">http://placehold.it/1140x360/AOEOA9/FFFF23&text=Drapal</div>
				</div>
				<!-- Controls -->
			</div>

			<!-- 轮播（Carousel）导航 -->
			<a href="#carousel1" data-slide="prev" class="left carousel-control">
				<span class="glyphicon glyphicon-chevron-left"></span>
			</a> <a href="#carousel1" data-slide="next"
				class="right carousel-control"> <span
				class="glyphicon glyphicon-chevron-right"></span></a>
		</div>
	</div>
	<main class="container" role="main">
	<div class="row">
		<div class="col-sm-12 col-sm-push-0">
			<article class="panel"></article>

			<c:forEach items="${users }" var="u">
				<article class="panel post tag-ghost-post tag-xin-ban-ben-fa-bu"
					data-scroll-reveal="enter bottom">
					<header class="panel-heading post-header">
						<h2 class="post-title">
							<a href="user/${u.id }">${u.username }</a>
						</h2>
						<p>
							《华尔街日报》<a href="http://cn.wsj.com/gb/20130604/tec072852.asp"
								target="_blank"><span style="text-decoration: underline;">报导</span></a>，Mozilla
							首席营运长沙利文(Jay
							Sullivan)说，由于出现了各种使人们可以与朋友分享浏览内容的简单新方法，网络浏览将变得社交性更强。他说，它将变得更加活跃、迅速、有趣。
							Mozilla的Firefox浏览器推出了新的功能，比如能够与社交网站整合，用户能够在浏览器框内看到Facebook
							Inc.的更新和信息。此外，该公司正在测试与新浪微博的整合，以便向中国用户推出这一功能。Mozilla还在开发嵌入式通讯功能。比如，消费者可以在
							他们的浏览器内打开一个聊天室屏幕，从网页上拖拉视频到屏幕上立即进行分享。Mozilla也在努力说服网站使用一个名为“Persona”的新身份识别
							系统，该系统旨在消除密码。它使用户可以用现有的账户和密码登陆网站。
						</p>
					</header>

					<section class="panel-footer post-meta">
						<div class="post-tags pull-right">
							${u.email } &nbsp;&nbsp;<a href="user/${u.id }"><span
								class="glyphicon glyphicon-search"></span>&nbsp;阅读</a>(19)&nbsp;&nbsp;
							<a href="#"><span class="glyphicon glyphicon-comment"></span>&nbsp;评论</a>&nbsp;&nbsp;
							<a href="/userost-post/"><span
								class="glyphicon glyphicon-thumbs-up"></span>&nbsp;点赞</a>&nbsp;&nbsp;
							<a href="user/${u.id }/delete"><span
								class="glyphicon glyphicon-trash"></span>&nbsp;删除</a>
						</div>
					</section>
				</article>
			</c:forEach>
		</div>
		<nav class="pull-right">
			<ul class="pagination pagination-lg">
				<li><a href="#" aria-label="Previous"> <span
						aria-hidden="true">&laquo;</span>
				</a></li>
				<li><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
				<li><a href="#">5</a></li>
				<li><a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span>
				</a></li>
			</ul>
		</nav>
	</div>
</body>
</html>